<template>
<div class='ma'>
<Category num='1'>

</Category>
<Category num = '2'>
    <img src="./assets/logo.png">
</Category>
<Category num='3'>
    <img src="./assets/logo.png" slot='xxx'>
    <p>你好</p>
    <p>你好</p>
    <p>你好</p>
</Category>
</div>
</template>

<script>
import Category from './components/Category.vue'
export default {
    name:'App',
    components:{
        Category
    }
}
</script>


<style>
.ma{
    display:flex;
    justify-content:space-around;
}
</style>